<!DOCTYPE html>
<!--[if IE 7 ]><html class="ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie8" lang="en"><![endif]-->
<!--[if IE 9 ]><html class="ie9" lang="en"><![endif]-->
<!--[if (gte IE 10)|!(IE)]><!--><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><!--<![endif]-->
<!--[if lt IE 10]>
			<script src="js/jquery.placeholder.min.js"></script>
<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<!-- Apple devices fullscreen -->
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<!-- Apple devices fullscreen -->
	<meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" />

<title>Chicken Language</title>


	<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/icons.css" media="screen" />
     <link rel="stylesheet" type="text/css" href="css/animate.css" media="screen" />

     
     <link href="css/flexy-menu.css" rel="stylesheet">

    <!-- Favicon -->
		<link rel="shortcut icon" href="images/fav.png">
		

	<!--[if IE]>
		<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=EmulateIE8; IE=EDGE" />
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head>

<body>

<div id="layout" class="full">

<div class="overlay" id="overlay1"></div>

<div class="modal login-popup" id="modal-login">
    	
        <div class="closeBtn" id="close-login"><img src="images/close.png"></div>
        <div class="main-title">
                    	<a title=""><h2>Login</h2></a>
                    </div>
                	
                    <form id="login-form" class="form-web">
                    	<div class="grid_12 alpha omega">
                   			<input class="grid_12 alpha" type="text" placeholder="Username">
                        </div>
                        <div class="grid_12 alpha omega">
                      		 <input class="grid_12 alpha" type="password" placeholder="Password">
                      	</div>
                        <div class="grid_12 alpha omega">
                        	<input type="submit" value="LOGIN">
                            
                        </div>
                        <div class="grid_12 alpha omega">
                        	<a href="reg.html">Sign up Now !</a><br>
                             <a class="modalLink" id="forgot-link" href="#modal-forgot">Forgot your password ?</a>
                         </div>
                    </form>
</div>


<div class="overlay" id="overlay2"></div>

<div class="modal login-popup" id="modal-forgot">

	<div class="closeBtn" id="close-forgot"><img src="images/close.png"></div>
	<div class="main-title">
                    	<a href="#" title=""><h2>Forgot Your Password ?</h2></a>
                    </div>
                	
                    <div class="grid_12 alpha omega">
                        	Please confirm your email below to get new password
                            
                    </div>
                    <form id="forgot-pass-form" class="form-web">
                    	<div class="grid_12 alpha omega">
                   			<input class="grid_12 alpha" type="text" placeholder="Your Email">
                        </div>
                       
                        <div class="grid_12 alpha omega">
                        	<input type="submit" value="GET NEW PASSWORD">
                            
                        </div>
                        
                    </form>
</div>

	<header>
    	
           <div class="top-header">
            	<div class="row clearfix">
                	
                     <div class="grid_6 social_top animated alpha" data-gen="fadeInLeft">
                     	<ul>
                        	<li><a href="#" target="_blank" title=""><i class="fa-facebook"></i></a></li>
                            <li><a href="#" target="_blank" title=""><i class="fa-twitter"></i></a></li>
                        	<li><a href="#" target="_blank" title=""><i class="fa-google-plus"></i></a></li>
                        	<li><a href="#" target="_blank" title=""><i class="fa-linkedin"></i></a></li>
							<li><a class="show-more"><i class="fa-chevron-down"></i></a></li>
                        </ul>
                        
                        
                     </div>
                     <div class="grid_6 user_menu omega animated" data-gen="fadeInRight">
                     	<ul>
                        	<li><a class="modalLink login" id="login-link" href="#modal-login" title="">Login</a></li>
                            <li><a class="register" href="reg.html" title="">Register</a></li>
                        	<li class="drop-down-lg"><a class="no-bor " href="#">English <i class="fa-chevron-down"></i></a> 
                            	<ul>
                                	<li class="deco"><a></a></li>
                                	<li><a class="no-bor " href="#"><img src="images/vn.png" > Vietnamese</a> </li>
                                    <li><a class="no-bor " href="#"><img src="images/fr.png" > French</a> </li>
                                    <li><a class="no-bor " href="#"><img src="images/cn.png" > Chinese</a> </li>
                                    <li><a class="no-bor " href="#"><img src="images/el.png" > English</a> </li>

                                </ul>
                            </li>
                        </ul>
                     
                     </div>
                     
                     <div class="social-hidden">
                        	<ul>
                        	<li><a href="#" target="_blank" title=""><i class="fa-pinterest"></i></a></li>
                            <li><a href="#" target="_blank" title=""><i class="fa-flickr"></i></a></li>
                        	<li><a href="#" target="_blank" title=""><i class="fa-youtube"></i></a></li>
                        	<li><a href="#" target="_blank" title=""><i class="fa-dribbble"></i></a></li>
							<li><a href="#" target="_blank" title=""><i class="fa-dropbox"></i></a></li>
                            <li><a href="#" target="_blank" title=""><i class="fa-rss"></i></a></li>
                        </ul>
               </div>
                </div>
                
            </div>
            
            <div class="menu">
            	<div class="row clearfix">
                	<div class="grid_12 omega alpha">
            	  <!-- Nav -->
                    <nav id="nav">
                    	
             		  
                       <ul class="flexy-menu">
                            <li ><a href="index.html">Home</a></li>
                            <li class="active"><a href="news.html">Daily Conversations</a></li>
                            <li><a href="news.html">Daily idioms</a></li>
                            <li><a href="news.html">listening</a></li>
                            <li><a href="news.html">Study English Effective</a></li>
                            <li><a href="contact.html">Contact</a></li>
                           
                        </ul>
                        
 
                        
                    </nav>
                      <!-- /Nav -->
                      </div>
                  </div>
            </div>
        
    </header>
    
    
    <section >
    	<div class="row clearfix" >
        	<div class="grid_9 omega alpha" id="first-div">
            	<div class="grid_12 omega alpha" >
                	<div class="main-title">
                    	<a href="#" title=""><h2>Daily Conversations</h2></a>
                    </div>
                	
                    <div class="breadcrumb">
                    	<a href="index.html">Home</a><span>/</span><a href="news.html.html">Daily Conversations</a><span>/</span>Blandit Rutrum
                    </div>
                     	<div class="details grid_12 alpha">
                        	<div class="title_detail">Blandit Rutrum, Erat et Sag et the loret Sagittis.</div>
                            
                            <div class="share-icon">
                            	<ul>
                                
                               		 <li><div class="example-check"><input id="default" checked="checked" type="checkbox" name="default" value="default"> <label for="default">Favorite Lesson</label></div></li>
                                    <li><a href="#" target="_blank" title=""><i class="fa-facebook"></i></a></li>
                                    <li><a href="#" target="_blank" title=""><i class="fa-twitter"></i></a></li>
                                    <li><a href="#" target="_blank" title=""><i class="fa-google-plus"></i></a></li>
                                    <li><a href="#" target="_blank" title=""><i class="fa-linkedin"></i></a></li>        
                                </ul>
                            </div>
                            
                            <div class="text_details"> Lorem ipsum dolor adipcising elit. Erat lorem egestan sagittis  Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. </div>
                            
                            <div class="img_detail">
                            <img src="images/dd.jpg">
                            
                            </div>
                            
                            <div class="text_details"> Lorem ipsum dolor adipcising elit. Erat lorem egestan sagittis  Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</div>
                            
                            
                        </div>
                       
                        
                        
                 </div>   
                 
              
              	<div class="grid_12 omega alpha" >
                	<div class="main-title">
                    	<a href="#" title=""><h2>Comments (6)</h2></a>
                    </div>
                    
                    <ul class="comment-post">
                    	<li class="grid_12">
                        	<div class="avatar grid_1"><img src="images/male.jpg"></div>
                            <div class="grid_11">
                            <div class="author-cmm">Franken Depanova</div>
                                <div class="title-cmm">Lorem Ipsum has been the industry's standard</div>
                                <div class="text-cmm">Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. </div>
                                <div class="datetime-cmm">20-12-2013 8:33 AM</div>
                                <div class="reply"><a href="#">Reply <i class="fa-reply"></i></a></div>
                             </div>
                        </li>
                        <li class="grid_12 reply-post">
                                    <div class="avatar grid_1"><img src="images/male.jpg"></div>
                                    <div class="grid_11">
                                    <div class="author-cmm">Franken Depanova</div>
                                        <div class="title-cmm">Lorem Ipsum has been the industry's standard</div>
                                        <div class="text-cmm">Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. </div>
                                        <div class="datetime-cmm">20-12-2013 8:33 AM</div>
                                        <div class="reply"><a href="#">Reply <i class="fa-reply"></i></a></div>
                                     </div>
                       	</li>
                        
                        
                        
                        <li class="grid_12">
                        	<div class="avatar grid_1"><img src="images/female.jpg"></div>
                            <div class="grid_11">
                            <div class="author-cmm">Franken Depanova</div>
                                <div class="title-cmm">Lorem Ipsum has been the industry's standard</div>
                                <div class="text-cmm">Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. </div>
                                <div class="datetime-cmm">20-12-2013 8:33 AM</div>
                                <div class="reply"><a href="#">Reply <i class="fa-reply"></i></a></div>
                             </div>
                        </li>
                        <li class="grid_12">
                        	<div class="avatar grid_1"><img src="images/male.jpg"></div>
                            <div class="grid_11">
                            <div class="author-cmm">Franken Depanova</div>
                                <div class="title-cmm">Lorem Ipsum has been the industry's standard</div>
                                <div class="text-cmm">Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. </div>
                                <div class="datetime-cmm">20-12-2013 8:33 AM</div>
                                <div class="reply"><a href="#">Reply <i class="fa-reply"></i></a></div>
                             </div>
                        </li>
                        <li class="grid_12 reply-post">
                                    <div class="avatar grid_1"><img src="images/male.jpg"></div>
                                    <div class="grid_11">
                                    <div class="author-cmm">Franken Depanova</div>
                                        <div class="title-cmm">Lorem Ipsum has been the industry's standard</div>
                                        <div class="text-cmm">Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. </div>
                                        <div class="datetime-cmm">20-12-2013 8:33 AM</div>
                                        <div class="reply"><a href="#">Reply <i class="fa-reply"></i></a></div>
                                     </div>
                       	</li>
                        <li class="grid_12 reply-post2">
                                    <div class="avatar grid_1"><img src="images/male.jpg"></div>
                                    <div class="grid_11">
                                    <div class="author-cmm">Franken Depanova</div>
                                        <div class="title-cmm">Lorem Ipsum has been the industry's standard</div>
                                        <div class="text-cmm">Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. </div>
                                        <div class="datetime-cmm">20-12-2013 8:33 AM</div>
                                        <div class="reply"><a href="#">Reply <i class="fa-reply"></i></a></div>
                                     </div>
                       	</li>
                    </ul>
                    
                    
                 </div>
              
              	<div class="grid_12 omega alpha" >
                	<div class="main-title">
                    	<a href="#" title=""><h2>Leave a Comment</h2></a>
                    </div>
                    <form id="comment-form" class="form-web">
                    
                   		<input class="grid_6 alpha" type="text" placeholder="Your Full Name">
                       <input class="grid_6 " type="text" placeholder="Your Email">
                       <input class="grid_6 alpha" type="text" placeholder="Subject">
                        <textarea class="grid_12 alpha " placeholder="Comment..."></textarea>
                        <div class="grid_12 alpha omega">
                        	<input type="submit" value="SEND">
                        </div>
                    </form>
                 </div>
           
            </div>
            
            <div class="grid_3 omega alpha" id="second-div">
           		 <div class="grid_12 omega alpha">
                	<div class="main-title">
                    	<h2>Search</h2>
                    </div>
                    <div class="search-box">
                    	<input type=text placeholder="Search text...">
                        <a class="search-btn  toptip" href="#" original-title="Search"></a>
                    </div>
                </div>
                 <div class="grid_12 omega alpha">
                	<div class="main-title">
                    	<h2>Read</h2>
                    </div>
                    <div class="text-read">
                    	<textarea placeholder="Content text..."></textarea>
                       	<div class="btn-read">
                        	<a class="micro-btn toptip" original-title="Read" href="#"></a>
                            <a class="adv-btn toptip" original-title="Advance" href="#">Advance</a>
                        </div>
                    </div>
                </div>
            </div> 
            
              
        </div>
    
    </section>
    
    
    
    
    <footer>
    	<div class="footer-content">
        	<div class="row clearfix">
            	<div class="grid_4">
                	<h2>About Us</h2>
                    <p>
                    Blandit rutrum, erat et egestas ultricies, dolor tortor egestas enim, quiste rhoncus sem purus eu sapien. Curabitur a orci nec risus lacinia vehic. Lorem ipsum dolor adipcising elit. Erat egestan sagittis lorem aupo dolor sit ameta, auctor libero tempor...
                    </p>
                </div>
                <div class="grid_4">
                	<h2>Information</h2>
                    <ul class="link">
                    	<li><a href="#">Erat et egestas ultricies</a></li>
                        <li><a href="#">Erat et egestas ultricies</a></li>
                        <li><a href="#">Erat et egestas ultricies</a></li>
                        <li><a href="#">Erat et egestas ultricies</a></li>
                        <li><a href="#">Erat et egestas ultricies</a></li>
                    </ul>
                </div>
                <div class="grid_4">
                	<h2>Link</h2>
                    <ul class="link">
                    	<li><a href="#">Erat et egestas ultricies</a></li>
                        <li><a href="#">Erat et egestas ultricies</a></li>
                        <li><a href="#">Erat et egestas ultricies</a></li>
                        <li><a href="#">Erat et egestas ultricies</a></li>
                        <li><a href="#">Erat et egestas ultricies</a></li>
                    </ul>
                </div>
            </div>
        </div>
        
        <div class="footer-copy">
        	<div class="row clearfix">
            	Copyright 2013 © Chicken Language
            </div>
        </div>
    </footer>

</div>
	
        





<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/theme20.js"></script>
<script type="text/javascript" src="js/flexy-menu.js"></script>
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
<script type='text/javascript' src='js/jquery.modal.js'></script>
<script type='text/javascript' src='js/betterCheckbox.js'></script>
<script type="text/javascript" src="js/custom.js"></script>
<script>
jQuery(document).ready(function(){ 
		$('#default').betterCheckbox();
});
</script>

       
</body>
</html>
